<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI资讯聚合与分析平台</title>
    <meta name="description" content="AI行业资讯聚合与分析平台，提供最新的AI新闻、研究论文、企业动态和行业趋势分析">
    <!-- 引入CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/all.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
        <div class="container">
            <a class="navbar-brand" href="/"><i class="fas fa-robot"></i> AI资讯分析平台</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a class="nav-link active" href="/">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/news">新闻</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/papers">论文</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/companies">企业</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/topics">热门话题</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/analysis">行业分析</a>
                    </li>
                </ul>
                <form class="search-form d-flex" action="/search" method="get">
                    <input class="form-control" type="search" name="q" placeholder="搜索新闻、论文、企业..." aria-label="搜索">
                    <button class="btn btn-primary" type="submit"><i class="fas fa-search"></i></button>
                </form>
            </div>
        </div>
    </nav>
    
    <!-- 页面内容 -->
    <main class="container main-content">
        <!-- 头部横幅 -->
        <section class="hero-section mb-5">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h1>关注AI行业最新动态</h1>
                    <p class="lead">掌握人工智能行业前沿信息，追踪最新技术进展、企业动态和研究成果</p>
                    <form class="mt-4 mb-3" action="/search" method="get">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-lg" name="q" placeholder="搜索关键词...">
                            <button class="btn btn-primary btn-lg" type="submit">立即搜索</button>
                        </div>
                    </form>
                    <div class="hot-tags">
                        <span>热门搜索：</span>
                        <a href="/search?q=GPT-4" class="badge rounded-pill bg-secondary">GPT-4</a>
                        <a href="/search?q=深度学习" class="badge rounded-pill bg-secondary">深度学习</a>
                        <a href="/search?q=AIGC" class="badge rounded-pill bg-secondary">AIGC</a>
                        <a href="/search?q=多模态" class="badge rounded-pill bg-secondary">多模态</a>
                    </div>
                </div>
                <div class="col-md-6 text-center">
                    <img src="img/hero-image.svg" class="img-fluid" alt="AI分析与数据可视化">
                </div>
            </div>
        </section>
        
        <!-- 核心统计数据 -->
        <section class="stats-section mb-5">
            <h2 class="section-title"><i class="fas fa-chart-line"></i> 平台数据概览</h2>
            <div id="stats-container">
                <!-- 统计数据将通过JavaScript加载 -->
                <div class="text-center">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">加载中...</span>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 热门话题 -->
        <section class="hot-topics-section mb-5">
            <h2 class="section-title"><i class="fas fa-fire"></i> 热门AI话题</h2>
            <div id="hot-topics-container">
                <!-- 热门话题将通过JavaScript加载 -->
                <div class="text-center">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">加载中...</span>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 最新新闻 -->
        <section class="latest-news-section mb-5">
            <h2 class="section-title"><i class="fas fa-newspaper"></i> 最新AI新闻</h2>
            <div id="latest-news-container">
                <!-- 最新新闻将通过JavaScript加载 -->
                <div class="text-center">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">加载中...</span>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 热门论文 -->
        <section class="popular-papers-section mb-5">
            <h2 class="section-title"><i class="fas fa-file-alt"></i> 热门研究论文</h2>
            <div id="popular-papers-container">
                <!-- 热门论文将通过JavaScript加载 -->
                <div class="text-center">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">加载中...</span>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 企业活动 -->
        <section class="company-activity-section mb-5">
            <h2 class="section-title"><i class="fas fa-building"></i> 企业动态</h2>
            <div id="company-activity-container">
                <!-- 企业活动将通过JavaScript加载 -->
                <div class="text-center">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">加载中...</span>
                    </div>
                </div>
            </div>
        </section>
    </main>
    
    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h5>关于我们</h5>
                    <p>AI资讯聚合与分析平台致力于为用户提供全面的人工智能行业资讯和分析，帮助用户快速掌握行业动态。</p>
                </div>
                <div class="col-md-2">
                    <h5>快速链接</h5>
                    <ul>
                        <li><a href="/">首页</a></li>
                        <li><a href="/news">新闻</a></li>
                        <li><a href="/papers">论文</a></li>
                        <li><a href="/companies">企业</a></li>
                        <li><a href="/topics">话题</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h5>更多服务</h5>
                    <ul>
                        <li><a href="/analysis">行业分析</a></li>
                        <li><a href="/api">API接口</a></li>
                        <li><a href="/feedback">意见反馈</a></li>
                        <li><a href="/help">帮助中心</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h5>联系我们</h5>
                    <ul>
                        <li><i class="fas fa-envelope"></i> <a href="mailto:contact@aiinfo.com">contact@aiinfo.com</a></li>
                        <li><i class="fas fa-map-marker-alt"></i> 北京市海淀区中关村</li>
                        <li><i class="fas fa-phone"></i> (010) 1234-5678</li>
                    </ul>
                    <div class="social-links mt-3">
                        <a href="#" class="me-2"><i class="fab fa-weixin fa-lg"></i></a>
                        <a href="#" class="me-2"><i class="fab fa-weibo fa-lg"></i></a>
                        <a href="#" class="me-2"><i class="fab fa-github fa-lg"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom text-center py-3">
            <div class="container">
                <p class="mb-0">&copy; 2023 AI资讯聚合与分析平台 版权所有</p>
            </div>
        </div>
    </footer>
    
    <!-- JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/index.js"></script>
</body>
</html> 